<!--  -->
<template>
  <div class="body">
    <div class="left">
      <div class="counts">数据统计</div>
      <div class="counts">数据统计</div>
      <div class="echarts">
         <LineView></LineView>
      </div>
    </div>
    <div class="right">
       <Repairs></Repairs>
       <div class="box">aaa</div>
    </div>
   </div>
</template>

<script lang='ts' setup>
import LineView from '../../components/home/LineView.vue';
import Repairs from '../../components/home/Repairs.vue';
import { reactive,toRefs,ref,onMounted} from 'vue'
import { useUserStore } from '../../store/user';
import { storeToRefs } from 'pinia';
const store=useUserStore();
const {token}=storeToRefs(store);
</script>
<style scoped lang="less">
.body{
    min-height: 100%;
    display: flex;
    .left{
        flex: 1;
        height: 100%;
        margin-right: 20px;
        min-width: 750px;
        .counts{
            height: 120px;
            background-color: #fff;
            box-shadow: 0 2px 12px #0000001a;
            margin-bottom: 20px;
        }
        .echarts{
            height: 300px;
        
        }

    }
    .right{
        width: 300px;
        .box{
            height: auto;
            width: 300px;
            background-color: #fff;
            box-shadow: 0 2px 12px #0000001a;
            margin-bottom: 20px;
        }

    }
}
</style>